<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en">        <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en">               <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" />
    <meta name="viewport" content="width=device-width" />
    <title>Teamlab</title>

    <style type="text/css">
        .display-none {display: none;}
        .visibility-hidden {visibility: hidden;}
        .body-preload {overflow: hidden; visibility: hidden;}
    </style>

    <link type="text/css" href="css/common.less.css" rel="stylesheet" />
    <link type="text/css" href="css/studio.master.less.css" rel="stylesheet" />

    <script type="text/javascript" src="res/asc_web_studio_masters_new_clientscripts_clientsettingsresources.ashx.js"></script>
    <script type="text/javascript" src="res/asc_web_studio_masters_new_clientscripts_clientlocalizationresources.ashx.js"></script>
    <script type="text/javascript" src="res/asc_web_studio_masters_new_clientscripts_clientuserresources.ashx.js"></script>

    <script type="text/javascript" src="js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.tmpl.min.js"></script>

    <script type="text/javascript">
        var jq = jQuery;
        jQuery.extend(jQuery.browser,{mobile:false});
    </script>

    <script type="text/javascript" src="res/asc_web_moderncommunity_clientscripts_clientsettingsresources.ashx.js"></script>
    <script type="text/javascript" src="res/asc_web_moderncommunity_clientscripts_clientlocalizationresources.ashx.js"></script>
    <script type="text/javascript" src="res/asc_web_moderncommunity_clientscripts_clientuserresources.ashx.js"></script>

    <link type="text/css" href="css/default.less.css" rel="stylesheet" />
</head>

<body class="body-preload">
    <form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm" onsubmit="return false">
        <div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJODMzMTQ1MTM0ZGQ=" /></div>

        <!-- advanced filter -->
        <link rel="stylesheet" type="text/css" href="css/jquery.advansedfilter.css" /><script id="template-filter-combobox-options" type="text/x-jquery-tmpl"><option class="${classname}" value="${value}"{{if typeof def === 'boolean' && def === true}} selected="selected"{{/if}}>${title}</option></script><script id="template-filter-filtervalues" type="text/x-jquery-tmpl"><div class="advansed-item-list advansed-filter-list"><ul class="item-list filter-list"></ul></div></script><script id="template-filter-sortervalues" type="text/x-jquery-tmpl"><div class="advansed-item-list advansed-sorter-list"><ul class="item-list sorter-list"></ul></div></script><script id="template-filter-container" type="text/x-jquery-tmpl"><div class="advansed-filter empty-filter-list"><div class="advansed-filter-wrapper"><label class="advansed-filter-state btn-start-filter"></label><label class="advansed-filter-sort btn-show-sorters"></label><div class="advansed-filter-container"><div class="advansed-filter-filters empty-list"><div class="btn-show-hidden-filters">...</div><div class="hidden-filters-container"><div class="control-top hidden-filters-container-top"></div></div></div><div class="advansed-filter-button btn-show-filters"><div class="inner-text"><span class="text">Add Filter</span></span></div></div><div class="advansed-filter-input"><label class="advansed-filter-reset btn-reset-filter"></label><input class="advansed-filter advansed-filter-input advansed-filter-complete" type="text" placeholder="enter your query" /></div></div>{{if filtervalues.length > 0}}{{tmpl '#template-filter-filtervalues'}}{{/if}}{{if sortervalues.length > 0}}{{tmpl '#template-filter-sortervalues'}}{{/if}}</div><div class="advansed-filter-helper"></div></div></script><script id="template-filter-item" type="text/x-jquery-tmpl"><div class="default-value"><span class="title">{{if filtertitle}}${filtertitle}{{else}}${title}{{/if}}</span><span class="selector-wrapper"><span class="daterange-selector from-daterange-selector"><span class="label">From</span><span class="advansed-filter-dateselector-date dateselector-from-date"><span class="btn-show-datepicker btn-show-datepicker-container"><span class="btn-show-datepicker btn-show-datepicker-title"></span></span><span class="advansed-filter-datepicker-container asc-datepicker"><span class="control-top dateselector-top"></span><span class="datepicker-container"></span></span></span></span><span class="daterange-selector to-daterange-selector"><span class="label">To</span><span class="advansed-filter-dateselector-date dateselector-to-date"><span class="btn-show-datepicker btn-show-datepicker-container"><span class="btn-show-datepicker btn-show-datepicker-title"></span></span><span class="advansed-filter-datepicker-container asc-datepicker"><span class="control-top dateselector-top"></span><span class="datepicker-container"></span></span></span></span>{{if options}}<span class="combobox-selector"><select class="advansed-filter-combobox"{{if $data.multiple === true}} multiple="multiple"{{/if}}>{{tmpl(options) '#template-filter-combobox-options'}}</select></span>{{/if}}<span class="group-selector"><span class="custom-value"><span class="inner-text"><span class="value"></span></span></span><span class="default-value"><span class="inner-text"><span class="value">Select</span></span></span></span><span class="person-selector"><span class="custom-value"><span class="inner-text"><span class="value"></span></span></span><span class="default-value"><span class="inner-text"><span class="value">Select</span></span></span></span></span><span class="btn-delete"></span></div></script><script src="js/jquery/jquery.customcombobox.js" type="text/javascript"></script><script src="js/jquery/jquery.advansedfilter.js" type="text/javascript"></script>

        <div class="page-header">
            <h1 class="page-logo"><a class="inner-text" href="."><img class="logo" src="i/top-logo.png" alt="Teamlab" /></a></h1>

            <div class="page-top-menu-products">
              <a class="menu-item menu-products-item active" href="."><span class="inner-text">Community</span></a>
              <a class="menu-item menu-products-item" href="."><span class="inner-text">Projects</span></a>
              <a class="menu-item menu-products-item" href="."><span class="inner-text">Documents</span></a>
              <a class="menu-item menu-products-item" href="."><span class="inner-text">CRM</span></a>
              <a class="menu-item menu-products-item" href="."><span class="inner-text">People</span></a>
            </div>
            <div class="page-top-menu-user">
              <a class="menu-item menu-user-item" href="."><span class="inner-text">Profile</span></a>
              <a class="menu-item menu-user-item" href="."><span class="inner-text">Sign out</span></a>
            </div>

            <div class="page-top-menu">
                <ul class="top-menu-list">
                    <li class="menu-item settings"><a class="inner-text" href="."></a></li>
                    <li class="menu-item search"><a class="inner-text" href="."></a></li>
                    <li class="menu-item share"><a class="inner-text" href="."></a></li>
                    <li class="menu-item email has-led"><a class="inner-text" href="."><span class="inner-label">2</span></a></li>
                    <li class="menu-item talk has-led"><a class="inner-text" href="."><span class="inner-label">9</span></a></li>
                    <li class="menu-item calendar has-led"><a class="inner-text" href="."><span class="inner-label">4</span></a></li>
                </ul>
            </div>
        </div>

        <div class="page-body two-column">
            <div class="side-container left-side-container">
                <div class="page-container">
                    <div class="page-toolbox">
                        <a class="menu-createnew-item new-blog-post" href="."><span class="inner-text">Create new blog post</span></a>
                        <a class="menu-createnew-item new-forum-topic" href="."><span class="inner-text">Create new forum topic</span></a>
                        <a class="menu-createnew-item new-bookmark" href="."><span class="inner-text">Create new bookmark</span></a>

                        <button class="menu-additional-item new-task"><span class="inner-text">Create new task</span></button>
                        <button class="menu-additional-item new-milestone"><span class="inner-text">Create new milestone</span></button>
                        <button class="menu-additional-item new-discussion"><span class="inner-text">Create new discussion</span></button>

                        <div class="btn-toolbox">
                            <button class="btn upload-file1"><span class="inner-text">&nbsp;</span></button>
                            <button class="btn upload-file2"><span class="inner-text">&nbsp;</span></button>
                        </div>
                    </div>

                    <div class="page-menu">
<ul class="menu-list">
    <li class="menu-item none-sub-list"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">The structure</span></a></li>
    <li class="menu-item active">
        <a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Staff</span></a>
        <ul class="menu-sub-list">
            <li class="menu-sub-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Administration</span></a></li>
            <li class="menu-sub-item active">
                <a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Developers</span></a>
                <ul class="menu-sub-list">
                    <li class="menu-sub-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Designers</span></a></li>
                    <li class="menu-sub-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Engineers</span></a></li>
                </ul>
            </li>
            <li class="menu-sub-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Sellers</span></a></li>
            <li class="menu-sub-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Testers</span></a></li>
            <li class="menu-sub-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Writers</span></a></li>
            <li class="menu-sub-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Support</span></a></li>
        </ul>
    </li>
    <li class="menu-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Freelancers</span></a><ul class="menu-sub-list"></ul></li>
    <li class="menu-item"><a class="menu-item-label outer-text text-overflow" href="."><span class="menu-item-label inner-text">Guests</span></a><ul class="menu-sub-list"></ul></li>
</ul>
                    </div>
                </div>
            </div>

            <div class="side-container right-side-container">
                <div class="page-container">
                    <div class="advansed-filter"><div class="clearFix"><div id="Filter1" class="advansed-filter empty-filter-list"><div class="advansed-filter-wrapper"><div class="advansed-filter-support"><label class="advansed-filter-label">Filter:</label><label class="advansed-filter-hint"></label><div class="advansed-filter-hint-popup-helper"><div class="advansed-filter-hint-popup popup_helper"></div></div></div><label class="advansed-filter-state btn-start-filter"></label><label class="advansed-filter-sort btn-show-sorters"></label><div class="advansed-filter-sort-container"><span class="btn-toggle-sorter"></span><span class="title">Sort by:&nbsp;<span class="value"></span></span></div><div class="advansed-item-list advansed-sorter-list"><ul class="item-list sorter-list"></ul></div><div class="advansed-item-list advansed-filter-list"><ul class="item-list filter-list"></ul></div><div class="advansed-filter-container"><div class="advansed-filter-filters empty-list"><div class="btn-show-hidden-filters">...</div><div class="hidden-filters-container"><div class="control-top hidden-filters-container-top"></div></div></div><div class="advansed-filter-button btn-show-filters"><div class="inner-text"><span class="text"><span>Add Filter</span></span></div></div><div class="advansed-filter-input"><label class="advansed-filter-reset btn-reset-filter"></label><input type="text" class="advansed-filter advansed-filter-input advansed-filter-complete" placeholder="enter your query" /></div></div></div><div class="advansed-filter-helper"></div></div></div></div>

                    <div class="page-content">
                        <div class="content-header visibility-hidden">
                            <div class="checkbox-wrapper"><input type="checkbox" class="checkbox select-all" /></div>

                            <div class="content-toolbox">
                                <div class="btn-toolbox">
                                    <button class="btn change-password disabled"><span class="inner-text">Change password</span></button>
                                    <button class="btn has-icon icon-remove block-user disabled"><span class="inner-text">Block</span></button>
                                    <button class="btn remove-user"><span class="inner-text">Remove</span></button>
                                    <button class="btn has-icon icon-remove remove-user action-some-user-group"><span class="inner-text">Remove</span></button>
                                    <button class="btn action-some-user-group-item edit"><span class="inner-text">Edit</span></button>
                                    <button class="btn action-some-user-group-item delete"><span class="inner-text">Delete</span></button>
                                    <button class="btn action-some-user-group-item connect-to-user"><span class="inner-text">Connect via Jabber</span></button>
                                </div>

                                <div class="content-navigation">
                                    <button class="step previous-step"><span class="inner-text">Previous</span></button>
                                    <a class="step next-step" href="."><span class="inner-text">Next</span></a>
                                </div>
                            </div>
                        </div>

                        <div class="content-body-wrapper">
                            <div class="content-body">
<table class="content-data">
    <tbody>
        <tr class="item" data-id="111-111">
            <td class="item-field">
                <div class="checkbox-wrapper"><input type="checkbox" class="checkbox select-item" /></div>
            </td>
            <td class="item-field">
                <a class="link none-padding" href="."><img class="avatar" src="i/default-avatar-34.png" alt="Dmitry Frolov" /></a>
            </td>
            <td class="item-field stretch">
                <a class="link" href="."><span class="displayname">Dmitry Frolov</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="groupname">Developers</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="title">Software Engineer</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="date">9/12/2008</span></a>
            </td>
            <td class="item-field">
                <button class="btn action-group-item edit"><span class="inner-text">Edit</span></button>
                <button class="btn action-group-item delete"><span class="inner-text">Delete</span></button>
                <button class="btn action-group-item connect-via-jabber"><span class="inner-text">Connect via Jabber</span></button>
            </td>
        </tr>
        <tr class="item processing" data-id="222-222">
            <td class="item-field">
                <div class="checkbox-wrapper"><input type="checkbox" class="checkbox select-item" /></div>
            </td>
            <td class="item-field">
                <a class="link none-padding" href="."><img class="avatar" src="i/default-avatar-34.png" alt="Dmitry Frolov" /></a>
            </td>
            <td class="item-field stretch">
                <a class="link" href="."><span class="displayname">Dmitry Frolov</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="groupname">Developers</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="title">Software Engineer</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="date">9/12/2008</span></a>
            </td>
            <td class="item-field">
                <button class="btn action-group-item edit"><span class="inner-text">Edit</span></button>
                <button class="btn action-group-item delete"><span class="inner-text">Delete</span></button>
                <button class="btn action-group-item connect-via-jabber"><span class="inner-text">Connect via Jabber</span></button>
            </td>
        </tr>
        <tr class="item" data-id="333-333">
            <td class="item-field">
                <div class="statusbox-wrapper">
                    <select class="statusbox statusbox-item" disabled="disabled">
                        <option class="status opened" value="1">Open</option>
                        <option class="status closed" value="0">Close</option>
                    </select>
                </div>
            </td>
            <td class="item-field">
                <a class="link none-padding" href="."><img class="avatar" src="i/default-avatar-34.png" alt="Dmitry Frolov" /></a>
            </td>
            <td class="item-field stretch">
                <a class="link" href="."><span class="displayname">Dmitry Frolov</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="groupname">Developers</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="title">Software Engineer</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="date">9/12/2008</span></a>
            </td>
            <td class="item-field">
                <button class="btn action-group-item edit"><span class="inner-text">Edit</span></button>
                <button class="btn action-group-item delete"><span class="inner-text">Delete</span></button>
                <button class="btn action-group-item connect-via-jabber"><span class="inner-text">Connect via Jabber</span></button>
            </td>
        </tr>
        <tr class="item" data-id="444-444">
            <td class="item-field">
                <div class="statusbox-wrapper">
                    <select class="statusbox statusbox-item">
                        <option class="status opened" value="1">Open</option>
                        <option class="status closed" value="0">Close</option>
                    </select>
                </div>
            </td>
            <td class="item-field">
                <a class="link none-padding" href="."><img class="avatar" src="i/default-avatar-34.png" alt="Dmitry Frolov" /></a>
            </td>
            <td class="item-field stretch">
                <a class="link" href="."><span class="displayname">Dmitry Frolov</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="groupname">Developers</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="title">Software Engineer</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="date">9/12/2008</span></a>
            </td>
            <td class="item-field">
                <button class="btn action-group-item edit"><span class="inner-text">Edit</span></button>
                <button class="btn action-group-item delete"><span class="inner-text">Delete</span></button>
                <button class="btn action-group-item connect-via-jabber"><span class="inner-text">Connect via Jabber</span></button>
            </td>
        </tr>
        <tr class="item" data-id="555-555">
            <td class="item-field">
                <div class="statusbox-wrapper">
                    <select class="statusbox statusbox-item">
                        <option class="status opened" value="1">Open</option>
                        <option class="status closed" value="0">Close</option>
                    </select>
                </div>
            </td>
            <td class="item-field">
                <a class="link none-padding" href="."><img class="avatar" src="i/default-avatar-34.png" alt="Dmitry Frolov" /></a>
            </td>
            <td class="item-field stretch">
                <a class="link" href="."><span class="displayname">Dmitry Frolov</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="groupname">Developers</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="title">Software Engineer</span></a>
            </td>
            <td class="item-field">
                <a class="link" href="."><span class="date">9/12/2008</span></a>
            </td>
            <td class="item-field">
                <button class="btn action-group-item edit"><span class="inner-text">Edit</span></button>
                <button class="btn action-group-item delete"><span class="inner-text">Delete</span></button>
                <button class="btn action-group-item connect-via-jabber"><span class="inner-text">Connect via Jabber</span></button>
            </td>
        </tr>
    </tbody>
</table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </form>

    <script type="text/javascript" src="res/asc_web_studio_masters_new_clientscripts_clienttemplateresources.ashx.js"></script>
    <script src="res/asc_web_moderncommunity_clientscripts_clienttemplateresources.ashx.js"></script>

    <script type="text/javascript" src="js/asc.customevents.js"></script>
    <script type="text/javascript" src="js/api.factory.js"></script>
    <script type="text/javascript" src="js/api.helper.js"></script>
    <script type="text/javascript" src="js/api.service.js"></script>
    <script type="text/javascript" src="js/asc.teamlab.js"></script>

    <script type="text/javascript" src="js/jquery/jquery.ui.core.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.position.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.mouse.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.draggable.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.resizable.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.button.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.dialog.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.datepicker.js"></script>

    <script type="text/javascript" src="js/jquery/jquery.json.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.cookies.js"></script>

    <script type="text/javascript" src="js/jquery/jquery.tltmpl.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.tldialog.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.tlblock.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.tlstatusbox.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.tlbuttongroup.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.tlactiongroup.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.tlactionmenu.js"></script>

    <script type="text/javascript" src="js/studio.master.init.js"></script>

    <script src="js/community.master.init.js"></script>

    <script src="js/community.default.js"></script>
</body>

</html>
